body {
    font-family: 'Inter', sans-serif;
}

#generate-btn:active:not(:disabled) {
    transform: scale(0.98);
    box-shadow: 0 0 10px rgba(59, 130, 246, 0.5);
}

.loader {
    border: 4px solid #4a5568; /* gray-700 */
    border-radius: 50%;
    border-top: 4px solid #3b82f6; /* blue-500 */
    width: 30px;
    height: 30px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}